<template>
  <el-menu
    :default-active="activeIndex"
    class="el-menu-demo"
    mode="horizontal"
    @select="handleSelect"
  >
    <el-menu-item index="1">首页</el-menu-item>
    <el-submenu index="2">
      <template #title>医院动态</template>
      <el-menu-item index="2-1">公告信息</el-menu-item>
      <el-menu-item index="2-2">医院新闻</el-menu-item>
      <el-menu-item index="2-3">部门介绍</el-menu-item>
      <el-menu-item index="2-3">医生介绍</el-menu-item>
    </el-submenu>
    <el-submenu index="3">
      <template #title>我的</template>
      <el-menu-item index="3-1">个人信息</el-menu-item>
      <el-menu-item index="3-2">充值记录</el-menu-item>
      <el-menu-item index="3-3">预约记录</el-menu-item>
    </el-submenu>
    <el-menu-item index="4">预约记录</el-menu-item>
    <el-menu-item index="5">关于</el-menu-item>
  </el-menu>
</template>
<script>
import router from '../router'
export default {
   methods:{
     handleSelect:function(index){
        switch(index){
          case "1":router.push("/");break;
          case "3-3":router.push("/mybooks");break;
          case "4":router.push("/mybooks");break;
          default:break;
        }
     }
   }
}
</script>